/*
* @Author: wmj
* @Date:   2017-12-03 00:59:51
* @Last Modified by:   lenovoa
* @Last Modified time: 2017-12-08 17:13:08
*/

*{
	margin:0;
	padding:0;
}

body, html {
  line-height: 1;
  font-family: '微软雅黑', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback';
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  overflow-x: hidden;
}

div.container{
	width: 100%;
	position: relative;
	overflow: hidden;
}

div.container div.header{
	background: url(../images/header.jpg) no-repeat;
	background-size: 100% 100%;
	height: 7.88rem;
	position: relative;
	text-align: center;
}

div.container div.header .time{
	width: 100%;
	text-align: center;
	bottom: 1.42rem;
	color:#f79803;
	font-size: 0.2rem;
}

div.container div.header .time p{
	margin-top:0.1rem;
}

div.container div.time,div.container div.person,div.container div.process,div.container div.sign,div.container div.pay,div.container div.detail2{
	position: absolute;
}

div.container div.person{
	top:6.18rem;
	right:0.06rem;
}
div.container div.person img{
	width: 0.73rem;
}

div.container div.process{
	width: 100%;
    text-align: center;
    top:6.98rem
}

div.container div.process div{
	display: inline-block;
	width: 14.58%;
	text-align: center;
	vertical-align: top;
	position: relative;
}

div.container div.process div.active p span{
	color:#ffdb02;
}

div.container div.process div.active i{
	background-color: #ffdb02;
}

div.container div.process div.active img{
	position: absolute;
	top:-0.4rem;
	margin-left:  -0.2rem;
	width: 0.4rem;
}

div.container div.process i{
	vertical-align: top;
	display: inline-block;
	width: 0.12rem;
	height: 0.11rem;
	border-radius: 50%;
	background-color: #fff;
}

div.container div.process p{
	width: 100%;
	color: #cbcbca;
	position: relative;
	font-size: 0.12rem;
}
div.container div.process p span{
	display: inline-block;
	width: 100%;
	margin-top: 0.07rem;

}

div.container div.main{
	margin-top: -0.01rem;
	background: url(../images/body.jpg) no-repeat;
	background-size: 100% 100%;
	height: 12.85rem;
	position: relative;
}

div.container div.tit-box{
	width: 5.62rem;
	position:relative;
	top:0;
	border:0.04rem solid #ffdb02;
	border-radius: 20px;
	padding:0.1rem 0.34rem;
	background-color: #2f323d;
	margin: 0 auto;
	box-sizing: border-box;
}

div.container div.tit-box .head{
	display: inline-block;
	text-align:center;
}

div.container div.tit-box .head img{
	width: 1rem;
}

div.container div.tit-box .head p{
	font-size: 0.14rem;
	color: #fff;
	margin-top: 0.1rem;
}

div.container div.tit-box .info{
	display: inline-block;
	vertical-align: top;
	margin-top: 0.15rem;
	margin-left: 0.2rem;
}

div.container div.tit-box .info p{
	margin-bottom: 0.24rem;
}

div.container div.tit-box .info p span{
	color:#fff;
	font-size: 0.18rem;

}
div.container div.tit-box .info p span.point{
	color:#ffff16;
	font-size: 0.33rem;
}

div.container div.tit-box .info .btn span{
	display: inline-block;
	background: url(../images/btn.png) no-repeat;
	background-size: 100% 100%;
	width: 1.52rem;
	height:0.49rem;
	line-height: 0.49rem;
	font-size: 0.24rem;
	text-align: center;
	font-family: "SimHei";
}

div.container div.tit-box .info .btn span:first-child{
	margin-right: 0.3rem;
}

div.container div.sign{
	top: 3.04rem;
	width: 100%;
	text-align: center;
}

div.container div.sign img.signImg{
	width: 2.02rem;
}

div.container div.sign div.para_fat{
	width: 5.16rem;
	display: inline-block;
	background-color: #ffab06;
	padding: 0.15rem 0.1rem;
	text-align: center;
	margin-top:0.1rem;
	border-radius: 0.2rem;
}

 p.paragraph{
 	color: #2f323d;
 	line-height: 0.3rem;
 	text-align: left;
 	font-size: 0.2157rem;
 }

div.container div.sign div.para_fat p.paragraph{
	color: #2f323d;
	background-color: #fff;
	padding: 0.15rem 0.4rem;
	border-radius: 0.2rem;
}

div.container div.pay{
	width: 4.58rem;
	text-align: center;
	top:6.7rem;
	left: 1.29rem;
}

div.container div.pay img{
	width: 2.03rem;
	margin-top: 0.05rem;	
}

div.container div.detail2{
	bottom:0.54rem;
	right: 1.24rem;
}
div.container div.detail2 img{
	width: 2.01rem;
}

